<template>
  <div class="category">
    <h3>{{title}}分类</h3>
    <!--定义一个插槽（挖个坑，等着组件的使用者进行填充）-->
    <slot :games="games"></slot>

  </div>
</template>

<script>
export default {
  name: "Category",
  description: '',
  mixins: [],
  components: {},
  props: ['title'],
  data() {
    return {
      games:['红色警戒','穿越火线','劲舞团','超级玛丽'],

    }
  },
  computed: {},
  watch: {},
  filters: {},
  created() {
  },
  mounted() {
  },
  destroyed() {
  },
  methods: {}
}
</script>

<style scoped>
.category{
  background-color: skyblue;
  width: 200px;
  height: 300px;
}
h3{
  text-align: center;
  background-color: orange;
}
</style>